<template>
  <div>
    this is son1
    <button @click="log">log</button>
    <hr />
    {{ name }} {{ arr }} {{ info }}
  </div>
</template>
<script>
import hehe from "./hehe";
// mixin 将组件共有的配置逻辑进行抽离 复用
// mixin 和组件内部的配置重复
// 1. methods 就近原则
// 2. 生命周期  合并操作 都会执行
// 3. data 数据 能合并的合并不能合并的覆盖
export default {
  data() {
    return {
      name: 123,
      arr: [1, 2],
      info: {
        us: "李雷雷",
        hehe: "hehe",
      },
    };
  },
  mixins: [hehe],
  methods: {
    log() {
      console.log("son1", this);
    },
  },
  mounted() {
    console.log("son1 mounted", this);
  },
};
</script>
